<div class="home-popover">
    <div class="home-header">
        <div>
            <img src="assets/imgs/home/return.svg" (click)="Vague || (type === '1') || (type === '2')  ? closePopver() : return()">
        </div>
        <div>
            <ion-searchbar mode='ios' placeholder="{{noText}}" [(ngModel)]="theSearch" (ionInput)="getItems($event)">
            </ion-searchbar>
        </div>
    </div>
    <div class="home-content">
        <div class="search-All" *ngIf="Vague">
            <label class="search-title " for=" ">搜索指定内容</label>
            <div>
                <!-- <span> -->
                <a [ngClass]="{ 'align-left': !isProject, 'text-left': isProject }" *ngIf="isPermission" (click)="searchWich(1) ">集团</a>
                <a [ngClass]="{ 'align-center': isPermission , 'text-left': !isPermission }" *ngIf="isProject" (click)="searchWich(2) ">项目</a>
                <!-- </span> -->
                <!-- <span> -->
                <a [ngClass]="{ 'text-center': isProject && isSystem, 'text-right': !isSystem }" (click)="searchWich(3) ">功能点</a>
                <a [ngClass]="{ 'text-right':  isProject }" *ngIf="isSystem" (click)="searchWich(4) ">系统</a>
                <!-- </span> -->
            </div>
        </div>

        <div class="search-Group " *ngIf="!Vague && Search[1].isShow && Groups.length && isPermission">
            <label for=" ">集团</label>
            <span *ngFor="let item of Groups;let index=index " (click)="toDo( '1', item) ">
                <label>
                    <i [innerHTML]="item.companyName | keyword: theSearch ? theSearch: ''"></i>
                    <img src="assets/imgs/home/enter.svg " alt=" ">
                </label>
            </span>
        </div>

        <div class="search-line " *ngIf="!Vague && Groups.length && isProject && Projects.length && Search[1].isShow && Search[2].isShow"></div>

        <div class="search-Project " *ngIf="!Vague && isProject && Search[2].isShow && Projects.length ">
            <label for=" ">项目</label>
            <span *ngFor="let item of Projects;let index=index " (click)="toDo( '2', item) ">
                <label>
                    <i [innerHTML]="item.projectName | keyword: theSearch ? theSearch: ''"></i>
                    <img src="assets/imgs/home/enter.svg " alt=" ">
                </label>
            </span>
        </div>

        <div class="search-line " *ngIf="!Vague && Projects.length && Functions.length && Search[2].isShow && Search[3].isShow"></div>

        <div class="search-Function " *ngIf="!Vague && Search[3].isShow && Functions.length ">
            <label for=" ">功能点</label>
            <span *ngFor="let item of Functions;let index=index " (click)="toDo( '3', item) ">
                <label>
                    <i [innerHTML]="item.menuName | keyword: theSearch ? theSearch: ''"></i>
                    <img src="assets/imgs/home/enter.svg " alt=" ">
                </label>
            </span>
        </div>

        <div class="search-line " *ngIf="!Vague && Projects.length && isSystem && Systems.length && Search[3].isShow && Search[4].isShow"></div>

        <div class="search-Function " *ngIf="!Vague && isSystem && Search[4].isShow && Systems.length ">
            <label for=" ">系统</label>
            <span *ngFor="let item of Systems;let index=index " (click)="toDo( '4', item) ">
                <label>
                    <i [innerHTML]="item.deviceSysName | keyword: theSearch ? theSearch: ''"></i>
                    <img src="assets/imgs/home/enter.svg " alt=" ">
                </label>
            </span>
        </div>

    </div>
</div>